<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="张静">
    <title>员源企业</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/animate.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    </style>
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <div id="header">
                <span>设置主页</span>
                <span>收藏本站</span>
                <span>服务电话</span>
                <span>0592-7xxxxxx</span>
            </div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar" style="width: 40px;">
                    <span><img src="img/icon.png"/></span>
                </button>
                <a href="#" class="navbar-brand" id="logo"><img src="img/logo.png" /><span>员源企业<small>xmlwpq.com</small></span></a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="#" class="black">网页首页</a>
                    </li>
                    <li>
                        <a href="#" class="black">关于员源</a>
                    </li>
                    <li>
                        <a href="#" class="black">人才通道</a>
                    </li>
                    <li>
                        <a href="#" class="black">技能培训</a>
                    </li>
                    <li>
                        <a href="#" class="black">劳务派遣</a>
                    </li>
                    <li>
                        <a href="#" class="black">企业服务</a>
                    </li>
                    <li>
                        <a href="#" class="black">成功案例</a>
                    </li>
                    <li>
                        <a href="#" class="black">新闻资讯</a>
                    </li>
                    <li>
                        <a href="#" class="black">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--轮播图-->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="3000">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="img/banner2.png" alt="...">
            </div>
            <div class="item">
                <img src="img/banner.png" alt="...">
            </div>
            <div class="item">
                <img src="img/banner3.png" alt="...">
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!--企业服务-->
    <div class="container service">
        <h3>员源企业服务</h3>
        <p class="enter">enterprise service</p>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <section>
                <p>企业培训</p>
                <img src="img/insert1.png" />
                <p>为企业经营诊断整合、体系建立、流程梳理、 各种类型的员工培训、代理企业新技术项目...
                </p>
            </section>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <section>
                <p>劳务派遣</p>
                <img src="img/insert2.png" />
                <p>为企业提供劳务用工派遣（临时工、小时工、 普工、固定工、承包生产线、短期项目承包、 ...
                </p>
            </section>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <section>
                <p>企业服务</p>
                <img src="img/insert3.png" />
                <p>为企业提供基、中、高端技工，基、中、高 端管理人才和人才测评...
                </p>
            </section>
        </div>
    </div>
    <!--客户案例-->
    <div class="container case">
        <h3>员源客户案例</h3>
        <p class="enter">Classic Case</p>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <section>
                <p>案例名称：新员工培训</p>
                <img src="img/case1.png" />
                <p>“《劳动合同法》明确了劳务派遣的用工形式， 是把双刃剑，一方面它的执行提高了劳动者的维 权意识，一方面也规范了企业的用工...
                </p>
                <a href="">了解详情+</a>
            </section>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <section>
                <p>案例名称：新员工培训</p>
                <img src="img/case1.png" />
                <p>“《劳动合同法》明确了劳务派遣的用工形式， 是把双刃剑，一方面它的执行提高了劳动者的维 权意识，一方面也规范了企业的用工...
                </p>
                <a href="">了解详情+</a>
            </section>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <section>
                <p>案例名称：新员工培训</p>
                <img src="img/case1.png" />
                <p>“《劳动合同法》明确了劳务派遣的用工形式， 是把双刃剑，一方面它的执行提高了劳动者的维 权意识，一方面也规范了企业的用工...
                </p>
                <a href="">了解详情+</a>
            </section>
        </div>
    </div>
    <!--新闻-->
    <div class="news container">
        <section class="col-lg-5 col-md-5 col-sm-5 col-xs-12 left">
            <div class="new-left">
                <header>
                    <h3>员源新闻</h3>
                    <span>Hot New</span>
                    <a href="">更多</a>
                </header>
                <div>
                    <img src="img/new.png" />
                    <div id="left">
                        <h3 id="h3">如今慢慢趋于转向“劳务外包”</h3>
                        <p>“目前这几年下来暂不招工人，许多都在天 然减员，能省下公司一笔成本，下一步还将 经过扩展外包的方法进一步削减出产一线的 用工”，马良广接受采访...
                        </p>
                    </div>
                </div>
                <div>
                    <ul>
                        <li><a href="">如今慢慢趋于转向“劳务外包”</a></li>
                        <li><a href="">劳务派遣行业门槛将提高</a> </li>
                        <li><a href="">农民工司令张全收：珠三角已不是人力大本营</a></li>
                        <li><a href="">2012新法下劳务派遣形式分析与派遣员工管理高级研讨会</a></li>
                        <li><a href="">掘金中国制造：工段外包的秘密</a></li>
                        <li><a href="">全国工会组织劳务派遣工入会工作现场经验交流会议在沈阳召开</a> </li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="col-lg-6 col-md-6 col-sm-6 col-xs-12 col-lg-offset-1 col-md-offset-1 col-sm-offset-1 right">
            <div class="new-right">
                <header>
                    <h3>员源最新招聘</h3>
                    <span>Hot Job</span>
                    <a href="">更多</a>
                </header>
                <table>
                    <tr>
                        <td>职位名称</td>
                        <td class="center">工作地点</td>
                        <td class="center">招聘数量</td>
                        <td class="center">薪资</td>
                        <td>结束时间</td>
                    </tr>
                    <tr>
                        <td>营销总监</td>
                        <td class="center">福州</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                    <tr>
                        <td>金融副总经理</td>
                        <td class="center">晋江</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                    <tr>
                        <td>市场经理</td>
                        <td class="center">成都</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                    <tr>
                        <td>营销总监</td>
                        <td class="center">福州</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                    <tr>
                        <td>金融副总经理</td>
                        <td class="center">晋江</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                    <tr>
                        <td>市场经理</td>
                        <td class="center">成都</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                    <tr>
                        <td>营销总监</td>
                        <td class="center">福州</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                    <tr>
                        <td>金融副总经理</td>
                        <td class="center">晋江</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                    <tr>
                        <td>市场经理</td>
                        <td class="center">成都</td>
                        <td class="center">1</td>
                        <td class="center">面议</td>
                        <td>2014-06-30</td>
                    </tr>
                </table>
            </div>
        </section>
    </div>
    <!--合作企业-->
    <div class="container customer" id="width">
        <header>
            <h3 id="cus">员源合作企业</h3>
            <span>Customer testimonials</span>
        </header>
        <div>
            <section class="width">
                <div><img src="img/tb1.png" /></div>
                <p>厦门太古可口可乐饮料有限公司</p>
            </section>
            <section class="width">
                <div><img src="img/tb2.png" /></div>
                <p>厦门美时美克空气净化有限公司</p>
            </section>
            <section class="width">
                <div><img src="img/tb3.png" /></div>
                <p>雀巢(中国)有限公司厦门分公司</p>
            </section>
            <section class="width">
                <div><img src="img/tb4.png" /></div>
                <p>厦门蒙发利电子有限公司</p>
            </section>
            <section class="width">
                <div><img src="img/tb5.png" /></div>
                <p>帝凯（厦门）电气有限公司</p>
            </section>
        </div>
        <div>
            <section class="width">
                <div><img src="img/tb1.png" /></div>
                <p>厦门太古可口可乐饮料有限公司</p>
            </section>
            <section class="width">
                <div><img src="img/tb2.png" /></div>
                <p>厦门美时美克空气净化有限公司</p>
            </section>
            <section class="width">
                <div><img src="img/tb3.png" /></div>
                <p>雀巢(中国)有限公司厦门分公司</p>
            </section>
            <section class="width">
                <div><img src="img/tb4.png" /></div>
                <p>厦门蒙发利电子有限公司</p>
            </section>
            <section class="width">
                <div><img src="img/tb5.png" /></div>
                <p>帝凯（厦门）电气有限公司</p>
            </section>
        </div>
        <a href="">更多 +</a>
    </div>
    <div class="container link">
        <span>友情链接:</span>
        <ul>
            <li>21世纪人才网</li>
            <li>厦门总工会</li>
            <li>厦门人力资源和社会保障局</li>
            <li>中国人力资源网</li>
        </ul>
    </div>
    <footer>
        <div class="container">
            <ul>
                <li><a href="">网页首页</a></li>
                <li><a href="">关于员源</a></li>
                <li><a href="">人才通道</a></li>
                <li><a href="">技能培训</a></li>
                <li><a href="">劳务派遣</a></li>
                <li><a href="">企业服务</a></li>
                <li><a href="">成功案例</a></li>
                <li><a href="">新闻资讯</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(function() {
				$(".black").hover(function() {
					$(this).css("color", "red").addClass("animated swing");
				}, function() {
					$(this).css("color", "black").removeClass("animated swing");
				})
				$(".service section").hover(function(){
					$(this).css({"opacity":0.8,"border":"2px solid green"})
				},function(){
					$(this).css({"opacity":1,"border":"none"})
				})
				$(".new-right table tr").hover(function(){
					$(this).css("color", "green").addClass("animated pulse");
				},function(){
					$(this).css("color", "black").removeClass("animated pulse");
				})
			})
    </script>
</body>

</html>